<template>
	<div class="mycenter">
		<MyCenterTop></MyCenterTop>
		<MyCenterNav></MyCenterNav>
		<div class="mycenbottom">
			<ul>
				<li>
					<img src="img/kefu.png" />
					<p>我的客服</p>
				</li>
				<li>
					<img src="img/fankui.png" />
					<p>意见反馈</p>
				</li>
				<li>
					<img src="img/bangzhu.png" />
					<p>帮助中心</p>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	import MyCenterTop from "com/mycenter/mycentertop.vue"
	import MyCenterNav from "com/mycenter/mycenternav.vue"
	export default{
		components:{
			MyCenterTop,
			MyCenterNav
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.mycenbottom{
		ul{
			width: 100%;
			height: 0.4rem;
			padding-top: 0.15rem;
			padding-bottom: 0.15rem;
			display: flex;
			justify-content: space-evenly;
			background-color: #FFFFFF;
			li{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				p{
					font-size: 0.16rem;
				}
			}
		}
	}
</style>
